<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../static/js/vue.js"></script>
    <script src="../static/element-ui/index.js"></script>
    <link rel="stylesheet" href="../static/element-ui/index.css">
    <script src="../static/js/axios.js"></script>
    <script src="../static/js/echarts2.js"></script>
    <script src="../static/js/china2.js"></script>
</head>
<style>
    html, body {
        height: 100%;
        margin: 0;
    }

    .el-header {
        background-color: #FFFFFF;
        color: #333;
        text-align: center;
        line-height: 60px;
    }

    #houtai {
        height: 100%;
    }

    .el-aside {
        text-align: center;
        line-height: 200px;
    }

    .el-main {
        background-color: #E9EEF3;
    <!-- --> color: #333;
        text-align: center;
        line-height: 160px;
    }

    body > .el-container {
        margin-bottom: 40px;
    }

    .el-container:nth-child(5) .el-aside,
    .el-container:nth-child(6) .el-aside {
        line-height: 260px;
    }

    .el-container:nth-child(7) .el-aside {
        line-height: 320px;
    }

    .el-menu-vertical-demo.el-menu {
        width: 198px;
        border-right: none;
    }

    .houtai_title {
        font-size: 20px;
    }

    #map {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 9999;
    }


</style>
<body>
<div id="houtai" style="width: 100%;height: 100%">
    <el-container style="height: 100%; width: 100%">
        <!-------左侧导航---------->
        <el-aside style="width: 15%; background-color: rgb(84,92,100)">
            <el-menu
                    default-active="2"
                    class="el-menu-vertical-demo"
                    background-color="#545c64"
                    text-color="#fff"
                    active-text-color="#ffd04b">
                <el-menu-item index="1" @click="to_admin">
                    <i class="el-icon-menu"></i>
                    <span slot="title">文章审核</span>
                </el-menu-item>
                <el-menu-item index="2" @click="showMap">
                    <i class="el-icon-document"></i>
                    <span slot="title">用户分布</span>
                </el-menu-item>
                <el-menu-item index="3" @click="exit_">
                    <i class="el-icon-back"></i>
                    <span slot="title">退出</span>
                </el-menu-item>
            </el-menu>
        </el-aside>
        <!-------右侧主题---------->
        <el-container style="width: 75%;height: 100%">
            <el-header>
                <span class="houtai_title">不摸鱼管理</span>
            </el-header>
            <!-------主要显示区域-------->
            <el-main style="width: 100%;height: 100%">
                <div id="map" ref="map" style="width: 100%;height: 100%"></div>
            </el-main>
        </el-container>
    </el-container>
</div>
<script src="../static/js/map.js"></script>
</body>
</html>

